<%@ page contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%
	String contextRoot = request.getContextPath();
%>
<f:loadBundle basename="properties.messages" var="msg" />
<f:view> 
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>SISDEP; - Administraci<h:outputText value="#{msg.tilde_o}" />n de Contravencion.</title>
		<link  href="<%=contextRoot%>/css/estilos.css" rel="stylesheet" type="text/css" />
		<script src="<%=contextRoot%>/js/jquery/lib/jquery.js" type="text/javascript"></script>
		<script src="<%=contextRoot%>/js/jquery/jquery.validate.min.js"	type="text/javascript"></script>
		<script src="<%=contextRoot%>/js/jquery/localization/messages_es.js" type="text/javascript"></script>
		<script src="<%=contextRoot%>/js/jquery.maskedinput-1.3.js"	type="text/javascript"></script>
		<script src="<%=contextRoot%>/js/sisdep.js"	type="text/javascript"></script>
	</head>
	<body>
   	<table cellspacing="0" cellpadding="0">
	  <tr>
		<td>
		<table cellspacing="0" cellpadding="0" width="100%" height="10px">
			<tr height="10px">
				<td></td>
			</tr>
		</table></td>
	  </tr>	  
	  <tr>
		<td>
		<table cellspacing="0" cellpadding="0" width="100%" height="35px">
		    <tbody>
			<tr>
			  <td class="pageTitle" style="padding-left:8px"><p>Administraci<h:outputText value="#{msg.tilde_o}" />n de Contravencion Opcion Crear</p>
        </td>
			</tr>
			</tbody>
		</table>
		</td>
	  </tr>
	  <tr align="center">
		<td height="20px" valign="top">
			<table width="100%" align="left">
			  <tr align="center" class="subtitle">
				<td colspan="5">Gesti<h:outputText value="#{msg.tilde_o}" />n de Contravencion: <h:outputText value="#{contravencionController.contravencion.id ne '' ? 'NUEVO' : 'EDICION'}" /></td>
			  </tr>
			  <tr>
				<td width="600px">
				<div id="fondocontenido" style="width: 100%">					
					<h:form id="createContravencionForm">
						<script type="text/javascript">
					        <!--
					        jQ().ready(function() {
					        	jQ("#createContravencionForm").validate();
							    });
							//-->
						</script>
					<table width="100%" border="0" align="center" cellpadding="3" cellspacing="1">
					  <tr class="etiqueta">
						<td class="etiqueta">codigo <span class="asterisco">*</span></td>
						<td class="datostablas" nowrap="nowrap" >
								<h:inputText id="codigo" size="4" maxlength="4" styleClass="required"
										value="#{contravencionController.contravencion.codigo}" />
						</td>
					  </tr>
					  <tr class="etiqueta">
						<td class="etiqueta">valor <span class="asterisco">*</span></td>
						<td class="datostablas" nowrap="nowrap" >
								<h:inputText id="valor" size="120" maxlength="120" styleClass="required"
										value="#{contravencionController.contravencion.valor}" />
						</td>
					  </tr>
					  <tr class="etiqueta">
						<td class="etiqueta">estado <span class="asterisco">*</span></td>
						<td class="datostablas" nowrap="nowrap" >
							<h:selectOneMenu id="estado" styleClass="required" value="#{contravencionController.contravencion.estado}">
                                <f:selectItem itemLabel="Seleccione..." itemValue=""/>
                                <f:selectItem itemLabel="Activo" itemValue="ACTIVO"/>
                                <f:selectItem itemLabel="Inactivo" itemValue="INACTIVO"/>
                            </h:selectOneMenu>
						</td>
					  </tr>
					  <tr class="etiqueta">
						<td width="100%" colspan="2">(<span class="asterisco"> * </span>) : Campo Obligatorio</td>
					</tr>
					</table>					
				  	<table width="100%" border="0" cellpadding="0" cellspacing="0">
					  <tr>
						<td width="13" align="left" valign="top">
							<img src="<%= contextRoot %>/images/curvatabla1.gif" alt="curvaTabla1" width="13" height="50" />							
						</td>
						<td align="center" background="<%= contextRoot %>/images/fondodowntabla.gif">
							<h:commandButton id="createContravencionButton"
											 styleClass="botonsmall"
                                             type="submit"
                                             value="Guardar" 
                                             ondblclick="return false;" 
                                             action="#{contravencionController.create}" >
                            </h:commandButton>
						</td>
						<td width="13" align="right" valign="top">
							<img src="<%= contextRoot %>/images/curvatabla2.gif" alt="curvaTabla2" width="13" height="50" />
						</td>
					  </tr>
					</table>
					</h:form>
					<table width="100%" border="0" align="center" cellpadding="3" cellspacing="1" bgcolor="#64989C" >  
					  <tr class="etiqueta" >
						<td width="100%" colspan="4" align="center" >
						    Informaci<h:outputText value="#{msg.tilde_o}" />n de Auditor<h:outputText value="#{msg.tilde_i}" />a
					    </td>
					  </tr>
					  <tr class="etiqueta">
						<td>Usuario Creaci<h:outputText value="#{msg.tilde_o}" />n</td>
						<td>Fecha Creaci<h:outputText value="#{msg.tilde_o}" />n</td>
						<td>Usuario <h:outputText value="#{msg.tilde_u}" />ltima Modificaci<h:outputText value="#{msg.tilde_o}" />n</td>
						<td>Fecha <h:outputText value="#{msg.tilde_u}" />ltima Modificaci<h:outputText value="#{msg.tilde_o}" />n</td>
					  </tr>					
					  <tr class="datostablas">
						<td>
						   <h:outputText value="#{contravencionController.contravencion.usuarioCrea}" />
						</td>
						<td>
						   <h:outputText value="#{contravencionController.contravencion.fechaCrea}" />
						</td>
						<td>
						   <h:outputText value="#{contravencionController.contravencion.usuarioModifica}" />
						</td>
						<td>
						   <h:outputText value="#{contravencionController.contravencion.fechaModifica}" />
						</td>						
					  </tr>					
					</table>											
				  	<table width="100%" border="0" cellpadding="0" cellspacing="0">				  
					  <tr>
						<td width="13" align="left" valign="top">
							<img src="<%= contextRoot %>/images/curvatabla1.gif" alt="curvaTabla1" width="13" height="50" />							
						</td>					 
						<td align="center" valign="bottom" background="<%= contextRoot %>/images/fondodowntabla.gif" >
						    <h:form id="cancelCreateContravencionForm">
							<h:commandButton id="cancelCreateContravencionButton"
											 styleClass="botonsmall" 
                                             type="submit" 
                                             value="Cancelar" 
                                             ondblclick="return false;" 
                                             action="#{contravencionController.cancelContravencion}" >
                            </h:commandButton>
                            </h:form>
						</td>
						<td width="13" align="right" valign="top">
							<img src="<%= contextRoot %>/images/curvatabla2.gif" alt="curvaTabla2" width="13" height="50" />
						</td>					
					 </tr>
					</table>
				  </div>
				</td>
			  </tr>
		  </table>
	    </td>
	  </tr>
	  <tr>
		<td height="60px"></td>
	  </tr>
	</table>
	<%@ include file="include/validationStatus.jsp" %>			
	</body>
</html>
</f:view>